<template>
  <div class="table-demo">
    <basic />
    <groupColumns />
    <spanRender />
    <treeData />
    <expandable />
    <headerFixed />
    <columnFixed />
    <selection />
    <striped />
    <events />
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import basic from "./basic.vue";
import groupColumns from "./groupColumns.vue";
import spanRender from "./spanRender.vue";
import treeData from "./treeData.vue";
import expandable from "./expandable.vue";
import headerFixed from "./headerFixed.vue";
import columnFixed from "./columnFixed.vue";
import selection from "./selection.vue";
import striped from "./striped.vue";
import events from "./events.vue";

export default defineComponent({
  components: {
    basic,
    groupColumns,
    spanRender,
    treeData,
    expandable,
    headerFixed,
    columnFixed,
    selection,
    striped,
    events,
  },
});
</script>
<style lang="less" scoped>
.table-demo {
  background-color: #fff;
}
</style>
